Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modal close button on dark mode #4950

Merged

Conversation

robinmolen
Copy link
Contributor

Closes #4949

Changes

The modal close button changes color based on the light/dark mode of the page.

In addition, focus now increases the button opacity, making it more visible and user-friendly

Checklist

Check off the items that are completed or not relevant.

  • Impact on features

    • Checked copying a form
    • Checked import/export of a form
    • Config checks in the configuration overview admin page
    • Problem detection in the admin email digest is handled
  • Release management

    • I have labelled the PR as "needs-backport" accordingly
  • I have updated the translations assets (you do NOT need to provide translations)

    • Ran ./bin/makemessages_js.sh
    • Ran ./bin/compilemessages_js.sh
  • Dockerfile/scripts

    • Updated the Dockerfile with the necessary scripts from the ./bin folder
  • Commit hygiene

    • Commit messages refer to the relevant Github issue
    • Commit messages explain the "why" of change, not the how

@robinmolen robinmolen added the needs-backport Fix must be backported to stable release branch label Dec 18, 2024
@robinmolen robinmolen requested a review from vaszig December 18, 2024 10:29
Copy link

codecov bot commented Dec 18, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 96.61%. Comparing base (f796f25) to head (53dff87).
Report is 7 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #4950   +/-   ##
=======================================
  Coverage   96.61%   96.61%           
=======================================
  Files         760      760           
  Lines       25817    25818    +1     
  Branches     3382     3382           
=======================================
+ Hits        24944    24945    +1     
  Misses        608      608           
  Partials      265      265           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

@vaszig vaszig left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested this on the admin and works fine, just check the CI failures

The modal close button changes color based on the light/dark mode of the page.

In addition, focus now increases the button opacity, making it more user-friendly
@robinmolen robinmolen force-pushed the bug/4949-invisible-modal-button-on-dark-mode branch from 1456106 to 53dff87 Compare December 18, 2024 12:35
@sergei-maertens sergei-maertens merged commit 25c4d56 into master Dec 18, 2024
32 of 34 checks passed
@sergei-maertens sergei-maertens deleted the bug/4949-invisible-modal-button-on-dark-mode branch December 18, 2024 13:17
sergei-maertens pushed a commit that referenced this pull request Dec 18, 2024
The modal close button changes color based on the light/dark mode of the page.

In addition, focus now increases the button opacity, making it more user-friendly

Backport-of: #4950
sergei-maertens pushed a commit that referenced this pull request Dec 18, 2024
The modal close button changes color based on the light/dark mode of the page.

In addition, focus now increases the button opacity, making it more user-friendly

Backport-of: #4950
@sergei-maertens
Copy link
Member

Backports:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs-backport Fix must be backported to stable release branch
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Modal close button on dark mode
3 participants